<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/my51JobDwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>人才招聘--搜索</title>
    <style type="text/css">

			.div0Sear {
				background-image: url(../static/img/images/menu-bg1.gif);
				background-repeat: repeat-x;
				width: 1000px;
				height: 33px;
				margin: auto;
				color: #FFF;
				font-size: 12px;
				line-height: 28px;
			}

			.span0Sear {
				margin-left: 5px;
				margin-right: 5px;
			}

			.div1Sear {
				width: 660px;
				height: 184px;
				margin: auto;
				/*border:1px dashed #C0F;*/
				margin-bottom: 50px;
				color: #414141;
			}

			.div11Sear {
				width: 660px;
				height: 28px;
				background-image: url(../static/img/images/search_top.gif);
				background-repeat: repeat-x;
			}

			.div12Sear {
				display: inline-block;
				float: left;
				width: 3px;
				height: 234px;
				background-image: url(../static/img/images/register-line.gif);
			}

			.div13Sear {
				height: 234px;
				width: 654px;
				float: left;
				text-align: left;
				font-size: 12px;
				color: #414141;
				z-index: -10;
			}

			.div14Sear {
				float: right;
				width: 3px;
				height: 234px;
				background-image: url(../static/img/images/register-line.gif);
			}

			.div15Sear {
				float: left;
				width: 660px;
				height: 18px;
				background-image: url(../static/img/images/search_bottom.gif);
			}

			.div131Sear {
				margin-left: 45px;
			}

			.div132Sear {
				float: left;
				margin-left: 45px;
				margin-right: 10px;
				margin-top: 5px;
			}

			.div133Sear {
				cursor: pointer;
				width: 210px;
				height: 24px;
				float: left;
				background-image: url(../static/img/images/search-choice.gif);
			}

			.div134Sear {
				float: left;
				margin-left: 30px;
				margin-right: 10px;
				margin-top: 5px;
			}

			.div135Sear {
				cursor: pointer;
				width: 210px;
				height: 24px;
				float: left;
				background-image: url(../static/img/images/search-choice.gif);
			}

			.divExtraSear {
				height: 24px;
			}

			.span1Sear {
				margin-left: 30px;
				font-weight: bold;
				width: 200px;
				padding-top: 10px;
				padding-bottom: 10px;
				display: block;
				/*border:1px solid #000;*/
			}

			.img1Sear {
				margin-right: 5px;
			}

			select {
				width: 100px;
			}

			.divtable1Sear {
				position: static;
				z-index: -10;
				background-color: #0FF;
			}

			.btn1Sear {
				width: 78px;
				height: 27px;
				border: 0px;
				background-image: url(../static/img/images/search-1.gif);
			}

			.listDiv1Sear {
				/*	border:1px solid #FF0;*/
				width: 200px;
				height: 0px;
				/*background-color:#CCC;*/
				/*display:inline;*/
				float: left;
				z-index: -10;
			}

			.listDiv2Sear {
				float: right;
				display: inline;
				height: 0px;
				width: 202px;
				/*background-color:#F0F;*/
				z-index: -10;
			}

			.listdiv11Sear {
				width: 100px;
				height: 25px;
				float: left;
			}

			.listdiv11Sear1 {
				width: 110px;
				height: 25px;
				float: left;
			}



			.listdiv12Sear {
				display: none;
				width: 140px;
				height: 25px;
				float: left;
				line-height: 25px;
				/*border:1px dotted #666;*/
			}


			/*这个DIV只能用js定位，否则在不同浏览器大小的情况下，居中就是一个问题了*/
			.popupDiv1Sear {
				display: none;
				width: 540px;
				height: 170px;
				left: 200px;
				top: 300px;
				position: absolute;
				background-color: #FFFFF7;
				border-bottom: 2px solid #FF7000;
				z-index: 10;
			}


			.popupDiv1Sear1 {
				display: none;
				width: 570px;
				height: 170px;
				left: 200px;
				top: 300px;
				position: absolute;
				background-color: #FFFFF7;
				border-bottom: 2px solid #FF7000;
				z-index: 10;
			}


			/*这个DIV只能用js定位，否则在不同浏览器大小的情况下，居中就是一个问题了*/
			.popupDiv2Sear {
				display: none;
				width: 540px;
				height: 280px;
				left: 200px;
				top: 300px;
				position: absolute;
				background-color: #FFFFF7;
				border-bottom: 2px solid #FF7000;
				z-index: 10;
			}

			.listdiv21Sear {
				width: 130px;
				height: 25px;
				float: left;
			}

			.listdiv22Sear {
				display: none;
				float: right;
				margin-left: 400px;
				height: 25px;
				width: 200px;
				line-height: 25px;
				/*border:1px dotted #069;*/
			}

			.popupmenuDiv1Sear {
				padding-left: 10px;
				height: 35px;
				width: 530px;
				background-image: url(../static/img/images/bottom-bg.gif);
				background-repeat: repeat-x;
				color: #FFF;
				font-size: 12px;
			}


			.popupmenuDiv1Sear1 {
				padding-left: 10px;
				height: 35px;
				width: 560px;
				background-image: url(../static/img/images/bottom-bg.gif);
				background-repeat: repeat-x;
				color: #FFF;
				font-size: 12px;
			}


			.popupmenu1Div1Sear {
				margin-left: 20px;
				height: 125px;
				;
				width: 500px;
				z-index: 100;
				/*border:1px solid #FFF;*/
			}


			.popupmenu1Div1Sear1 {
				margin-left: 20px;
				height: 125px;
				;
				width: 600px;
				z-index: 100;
				/*border:1px solid #FFF;*/
			}

			.popupmenu2Div1Sear {
				margin-left: 10px;
				height: 135px;
				width: 520px;
			}

			.spanpopupmenuDiv1Sear {
				margin-left: 5px;
				line-height: 35px;
				overflow: hidden;
			}

			.spanrightpopupmenuDiv1Sear {
				margin-left: 300px;
			}

			.spanrightpopupmenuDiv1Sear1 {
				margin-left: 330px;
			}


			.spanright1popupmenuDiv1Sear {
				cursor: pointer;
				margin-right: 5px;
			}

			.spanright2popupmenuDiv1Sear {
				cursor: pointer;
			}

			/*这个CSS样式的高度需要利用JS设置*/
			.deltaDivSear {
				position: relative;
				/*margin-top:30px;*/
				margin-left: 105px;
				/*border:1px dashed #00F;*/
				height: 0px;
				width: 500px;
			}

			.provinceSelectSear {
				display: none;
				width: 500px;
				height: 200px;
				position: absolute;
				background-color: #FFFFF7;
				top: 200px;
				left: 210px;
				text-align: left;
				border-bottom: 2px solid #F60;
			}

			.provSear {
				line-height: 25px;
				color: #414141;
				height: 25px;
				width: 80px;
				font-size: 12px;
				float: left;
				text-align: center;
			}

			.proDiv1Sear {
				padding-left: 10px;
				height: 35px;
				width: 490px;
				background-image: url(../static/img/images/bottom-bg.gif);
				background-repeat: repeat-x;
				color: #FFF;
				font-size: 12px;
			}

			.aSear {
				color: #414141;
				text-decoration: none;
			}

			.aSear:hover {
				color: #F60;
				text-decoration: none;
			}





    </style>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
			.spandwt {
				display: block;
				text-align: center;
				line-height: 25px;
				font-size: 12px;
				color: #414141;
				font-family: "宋体";
			}

			.divdwt {
				display: block;
				background-image: url(../static/img/images/bottom-bg.gif);
				text-align: center;
				height: 35px;
				width: 1000px;
				color: #FFF;
				line-height: 30px;
				font-size: 12px;
				font-family: "宋体";
				margin: auto;
			}

			.adwt {
				color: #FFF;
				font-size: 12px;
				text-decoration: none;
				font-family: "宋体";
			}

			.adwt:hover {
				color: #FFF;
				font-size: 12px;
				text-decoration: none;
				font-family: "宋体";
			}

			.bodydwt {
				text-align: center;
<!--				   background:url(../static/img/22.jpg)  no-repeat center center;-->
<!--				   background-size:cover;-->
<!--				   background-attachment:fixed;-->
<!--				   background-color:#CCCCCC;-->
			}

			.imgdwt {
				border: 0px;
			}

			.headdwt {
				width: 960px;
				height: 65px;
				margin: auto;
				/*居中*/
				position: relative;
				vertical-align: bottom;
				/*border:1px solid #000;*/
			}

			.headerleftdwt {
				/*border:1px solid #000;*/
				float: left;
				margin-bottom: 0px;
				height: 65px;
			}

			.headerrightdwt {
				/*border:1px solid #000;*/
				float: right;
				height: 31px;
				vertical-align: bottom;
				margin-top: 34px;
			}

			.imgheaderdwt {
				border: 0px;
			}





    </style>


</head>

<body>

<div class="bodydwt">
    <div class="headdwt">
        <div class="headerleftdwt"><img src="../static/img/images/123.png"/></div>
    </div>
    <!-- InstanceBeginEditable name="EditRegion3" -->
    <!--菜单栏开始-->
    <div class="div0Sear">
        高级搜索<span class="span0Sear">|</span>关键字搜索
    </div>
    <!--菜单栏结束-->

    <!--搜索栏开始-->
    <div class="div1Sear" id="id0">
        <!--        <div class="div11Sear"></div>-->
        <!--        <div class="div12Sear" id="id1"></div>-->
        <div class="div13Sear" id="id2">
            <span class="span1Sear"><img class="img1Sear" src="../static/img/images/register-arrow.gif"/>关键字搜索</span>
            <div class="div131Sear">
                <form action="/search" method="post">
                    {% csrf_token %}
                    <input type="text" name="q" placeholder="搜索" value="{{q}}" requiredstyle="width:380px; border:1px solid #999; height:18px;
                background-image:url(../static/img/images/key_search.gif); background-repeat:no-repeat; padding-left:20px"/>
                    <button type="submit"><span class="ion-ios-search-strong"></span>提交</button>
                </form>
            </div>
            <!--            style="padding: 14px 18px 14px 21px;-->
        </div>
    </div>

    {% block content %}
    <div class="sojob-item-main clearfix" style="text-align:center;position: relative; bottom: 134px;left: 10px;">
        {% for i in j %}
        <div class="job-info" style="margin-left: -400px;">
            <h3 title="职位名称">
                <a href="/detail/{{ i.id }}" target="_blank">{{i.job}}</a>
            </h3>
            <p class="condition clearfix" title=" ">
                <span class="text-warning">{{i.salary}}</span>
                <a href="" data-selector="data-url"
                   class="area">{{i.address}}</a>
                <span class="edu">{{i.education}}</span>
                <span>{{i.experience}}</span>
            </p>
        </div>
        {% endfor %}
    </div>
    {% endblock %}

    <!--        分页设置-->
    <div class="pagination row">
        <div class="m-auto">
                <span class="step-links">
                    {% if j.has_previous %}
                    <a href="?page=1" class="btn btn-success">&laquo;1</a>
                <span>...</span>
                <a href="?page={{j.previous_page_number}}" class="btn btn-secondary">{{j.previous_page_number}}</a>
                     {% endif %}
                    <!--                    当前页面-->
                <span class="current btn btn-danger btn-lg">{{j.number}}</span>
                    <!--                如果不是末页，显示下翻按钮-->
                {% if j.has_next %}
                <a href="?page={{j.next_page_number}}" class="btn btn-seconday">{{j.next_page_number}}</a>
                <span>...</span>
                <a href="?page={{j.paginator.num_pages}}" class="btn btn-success">{{j.paginator.num_pages}}&raquo;</a>
                {% endif %}
                </span>
        </div>
    </div>
<a href="http://127.0.0.1:8000/">返回首页</a>
    <span class="spandwt">未经本招聘网站同意，不得转载本网站之所有招聘信息及作品</span>
    <span class="spandwt">无忧工作网版权所有&copy;1999-2007</span>
    <span class="spandwt"><a href="index.html"><img src="../static/img/images/bottom1.gif" class="imgdwt"/></a></span>
</div>

</body>
<!-- InstanceEnd -->
</html>
